.goodsPage {
    padding-bottom: 1rem;

    .goodsBannerItem {
        height: 7rem;
        img {
            width: 100%;
            height: 7rem;
        }
    }

    .serviceList {
        height: .8rem;
        background: #f4f4f4;
        display: flex;
        justify-content: center;
        align-items: center;

        li {
            flex: 1;
            color: #666;
            font-size: .24rem;
            text-align: center;

            span {
                color: red;
                margin-right: .15rem;
                font-size: .3rem;
            }
        }
    }

    .goodsMsgWrap {
        padding: .4rem;
        background: white;

        .goodsNameTitle {
            font-size: .4rem;
            text-align: center;
            padding-bottom: .2rem;
        }

        .goodsNameSubTitle {
            font-size: .3rem;
            color: #444;
            text-align: center;
            padding-bottom: .1rem;
        }

        .goodsPriceTitle {
            font-size: .4rem;
            color: red;
            text-align: center;
            line-height: 1rem;
        }

        .goodsBrandTitle {
            text-align: center;

            div {
                font-size: .24rem;
                width: auto;
                padding: .1rem;
                color: orange;
                display: inline;
                border: 1px solid orange;
                border-radius: .1rem;
            }
        }
    }

    .goodsSize {
        margin-top: .02rem;
        height: 1rem;
        padding: 0 .4rem;
        background: white;
        display: flex;
        justify-content: center;
        align-items: center;
        div:nth-child(1) {
            flex: 1;
            text-align: left;
            color: #2196f3;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
        div:nth-child(2){
            color: red;
            font-weight: bolder;
        }
        div:nth-child(2), div:nth-child(3) {
            width: auto;
            padding: 0 .1rem;
            text-align: right;
        }
    }
    .goodsComment{
        margin-top: .2rem;
        background: white;
        .goodsCommentTitle{
            display: flex;
            justify-content: center;
            align-items: center;
            height: 1rem;
            padding: 0 .4rem;
            border-bottom: 1px solid gainsboro;
            div:nth-child(1) {
                flex: 1;
                text-align: left;
            }
            div:nth-child(2) {
                width: auto;
                text-align: right;
            }
        }
    }
    .goodsAttribute{
        margin-top: .2rem;
        padding: .4rem;
        background: white;
        .goodsAttributeLine{
            display: flex;
            justify-content: center;
            align-items: center;
            color: #2196f3;
            padding: .1rem 0;
            &:before{
                content: '';
                width: .4rem;
                height: 1px;
                background: #2196f3;
                margin: 0 .2rem;
            }
            &:after{
                content: '';
                width: .4rem;
                height: 1px;
                background: #2196f3;
                margin: 0 .2rem;
            }
        }
        .goodsAttributeList{
            .goodsAttributeItem{
                display: flex;
                align-items: center;
                line-height: .8rem;
                background: #dcdfe6;
                margin-top: .1rem;
                .attributeLabel{
                    width: 2rem;
                    color: gray;
                    padding: 0 .1rem;
                    font-size: .32rem;
                    text-align: center;
                }
                .attributeContent{
                    flex: 1;
                    font-size: .3rem;
                    line-height: .6rem;
                    padding: 0 .1rem;
                }
            }
        }
        .problemWrap{
            margin-bottom: .2rem;
            .problemLabel{
                font-size: .32rem;
                line-height: .6rem;
                span{
                    color: red;
                    margin-right: .1rem;
                }
            }
            .problemContent{
                font-size: .3rem;
                line-height: .5rem;
                color: gray;
            }
        }
        .problemWrap:last-child{
            margin-bottom: 0;
        }
    }
    .goodsPageDo {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: .98rem;
        background: white;
        box-shadow: 0 -3px 10px 0 rgba(0,0,0,.2);
        display: flex;
        .isLike{
            line-height: .98rem;
            font-size: .6rem;
            text-align: center;
            font-weight: bolder;
        }
        .isLike.like{
            color: gold;
            border-right: 1px solid ghostwhite;
        }
        .cartNum{
            display: flex;
            justify-content: center;
            align-items: center;
            color: #2196f3;
            i{
                font-size: .45rem;
                position: relative;
                span{
                    position: absolute;
                    font-size: .32rem;
                    right: -.2rem;
                    top: -.1rem;
                    color: red;
                    font-weight: bolder;
                }
            }
        }
        .isLike,.cartNum{
            width: 20%;
            height: 100%;
        }
        .addCart,.payGoods{
            width: 30%;
            height: 100%;
            line-height: .98rem;
            text-align: center;
            font-size: .3rem;
            color: white;
        }
        .addCart{
            background: linear-gradient(90deg, rgb(255, 149, 0), rgb(255, 94, 58));
        }
        .payGoods{
            background: linear-gradient(90deg, rgb(29, 98, 240), rgb(25, 213, 253));
        }
    }
}
.goodsSizeDo{
    padding: .4rem .2rem;
    background: white;
    .goodsSizeSetMsg{
        height: 100px;
        display: flex;
        img{
            width: 100px;
            height: 100px;
            display: block;
        }
        .gooodsSizePriceAndSize{
            display: flex;
            justify-content: center;
            flex-direction: column;
            padding: 0 .1rem;
            flex: 1;
            height: 100%;
            font-size: .3rem;
            text-align: left;
            div{
                width: 100%;
                height: auto;
                line-height: .6rem;
                span{
                    color: red;
                }
            }
        }
        .closeModel{
            width: auto;
            color: red;
        }
    }
    .goodsSizeWrap{
        .goodsSizeItem{
            .goodsSizeItemName{
                text-align: left;
                color: black;
                padding: .1rem 0;
            }
            .goodsSizeListWrap{
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                .goodsBuyCount{
                    width: 4rem;
                    height: .8rem;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    color: black;
                    div{
                        height: 100%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }
                    div:nth-child(1),div:nth-child(3){
                        width: 30%;
                    }
                    div:nth-child(2){
                        width: 40%;
                        input{
                            width: 100%;
                            height: 100%;
                            border: none;
                            text-align: center;
                        }
                    }
                }
                .goodsSizeListItem{
                    font-size: .3rem;
                    padding: .05rem  .1rem;
                    margin-right: .1rem;
                    border: 1px solid gray;
                    margin-top: .1rem;
                }
                .goodsSizeListItem.active{
                    border-color: #2196f3;
                    color: #2196f3;
                }
            }
        }
    }
}
.goodsDoWrap{
    height: 1rem;
    display: flex;
    div{
        width: 50%;
        color: white;
        line-height: 1rem;
    }
    div:nth-child(2){
        background: linear-gradient(90deg, rgb(29, 98, 240), rgb(25, 213, 253));
    }
    div:nth-child(1){
        background: linear-gradient(90deg, rgb(255, 149, 0), rgb(255, 94, 58));
    }
}
//.am-modal-mask,.am-modal-wrap{
//    bottom: .98rem;
//    height: auto;
//}
